{extend name="public/base"}
{block name="title"}
{$content.title}-
{/block}
{block name="head"}
<script src="/public/editor/lib/marked.min.js"></script>
<script src="/public/editor/lib/prettify.min.js"></script>
<script src="/public/editor/lib/raphael.min.js"></script>
<script src="/public/editor/lib/underscore.min.js"></script>
<script src="/public/editor/lib/sequence-diagram.min.js"></script>
<script src="/public/editor/lib/flowchart.min.js"></script>
<script src="/public/editor/lib/jquery.flowchart.min.js"></script>
<script src="/public/editor/editormd.js"></script>
{/block}
{block name="main"}
<div class="container">
    <!--<div class="row">
        <div class="col-lg-8 col-lg-offset-2">
            <h1 class="page-header">{$content.title}</h1>
            <p class="lead">{$content.add_at|date='Y-m-d H:i:s'} <span>{$content.author}</span></p>
                <article>
                    {$content.content}
                </article>
        </div>
    </div>-->

    <div id="test-editormd-view">
                <textarea id="append-test" style="display:none;">{$content.content}</textarea>
    </div>
</div>
<script type="text/javascript">
    $(function() {
        var testEditormdView;
        testEditormdView = editormd.markdownToHTML("test-editormd-view", {
            htmlDecode      : "style,script,iframe",  // you can filter tags decode
            emoji           : true,
            taskList        : true,
            tex             : true,  // 默认不解析
            flowChart       : true,  // 默认不解析
            sequenceDiagram : true,  // 默认不解析
        });
    });
</script>
{/block}